<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./index.css">
    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
    <script src="./index.js"></script>
    <title>梦幻西游</title>
</head>
<body>
    <div class="top">
        <div class="topleft">
            游戏全目录
        </div>
        <div class="topcenter">
            <img src="../images/logo.png">
        </div>
        <div class="topright">
            25元专属券限时领
        </div>
    </div>
    <div class="main">
        <div class="maintop">
            <div class="maintopone">
                <a href="#">
                    <img src="../images/icon.webp">
                    <div class="zone">
                        <h3>《梦幻西游》手游</h3>
                        <p>人人都玩，无处不在</p>
                    </div>
                </a>
            </div>
            <div class="maintoptwo">
                <ul>
                    <li>官网首页</li>
                    <li>新闻资讯</li>
                    <li>游戏介绍</li>
                    <li>赛事中心</li>
                    <li>玩法资料</li>
                    <li>同人影音</li>
                    <li>客服专区</li>
                    <li>官方论坛</li>
                </ul>
            </div>
        </div>
        <div class="video">
            <video autoplay="autoplay" loop="loop" muted="muted">
                <source src="../video/beauty.mp4" type="video/mp4">
            </video>
            <a href="#"></a>
            <!-- 下载区域 -->
            <div class="download">
                <div class="download-top">
                    <div class="qrcode">
                        <span></span>
                        <img src="../images/qrcode.png">
                    </div>
                    <div class="qrcode-r">
                        <a class="ios" href="#"></a>
                        <a class="android" href="#"></a>
                        <div class="address">
                            <a href="#"></a>
                            <a href="#"></a>
                        </div>
                    </div>
                </div>
                <div class="download-bottom"></div>
            </div>

        </div>
        <div class="right-box">
            <span class="close-right"></span>
            <img src="../images/pct_1ef2df8.png">
            <img class="right-pic" src="../images/pc_zkl_7ec3968.png">
        </div>
    </div>
    <div class="box">
        <div class="lun">
            <div class="lun-left">
                <div class="lun-top">
                    <ul class="lun-box">
                        <li><img src="../images/lun1.jpg"></li>
                        <li><img src="../images/lun2.jpg"></li>
                        <li><img src="../images/lun3.jpg"></li>
                        <li><img src="../images/lun4.jpg"></li>
                        <li><img src="../images/lun5.jpg"></li>
                    </ul>
                </div>
                <div class="lun-bottom">
                    <a href="#" class="active"><i></i><span>教师节活动</span></a>
                    <a href="#"><i></i><span>教师节活动</span></a>
                    <a href="#"><i></i><span>教师节活动</span></a>
                    <a href="#"><i></i><span>教师节活动</span></a>
                    <a href="#"><i></i><span>教师节活动</span></a>
                </div>
            </div>
            <div class="lun-right">
                <div class="right-top">
                    <ul>
                        <li><a href="">新闻</a></li>
                        <li><a href="">维护</a></li>
                        <li><a href="">活动</a></li>
                        <li><a href="">攻略</a></li>
                        <li><a href="">武神坛</a></li>
                        <li><a href="">连载中</a></li>
                    </ul>
                </div>
                <div class="right-two">
                    <img src="../images/news-logo_a99fc8b.png">
                    <div class="right-two-a">
                        <p>2020年9月2日维护公告:夏日总动员福利不断</p>
                        <p>亲爱的玩家朋友：为保证服务器的运行稳定和服务质量，《梦幻西游》手游所有
                            服务器将于2020年9月2日8:00停机，进行维护工作。预计维护时间为8:00~9:...</p>
                    </div>
                </div>
                <div class="right-three">
                    <table>
                        <tr>
                            <td>推荐</td>
                            <td>新人有好礼！25元专属券限时领！</td>
                        </tr>
                    </table>
                </div>
                <div class="right-four">
                    <table>
                        <tr>
                            <td><li><a href="#">《梦幻西游》手游礼包兑换中心上线啦！</a></li></td>
                            <td><a href="#">07-08</a></td>
                        </tr>
                        <tr>
                            <td><li><a href="#">天马行空，《梦幻西游》手游坐骑设计大赛作品征集火热进行中</a></li></td>
                            <td><a href="#">09-08</a></td>
                        </tr>
                        <tr>
                            <td><li><a href="#">盛夏光年9月11日双平台新服开服公告</a></li></td>
                            <td><a href="#">09-07</a></td>
                        </tr>
                        <tr>
                            <td><li><a href="#">乾坤笔在手，《梦幻西游》手游首期成就征集活动即将截止</a></li></td>
                            <td><a href="#">09-07</a></td>
                        </tr>
                        <tr>
                            <td><li><a href="#">万千成就永携风物志，《梦幻西游》手游成就征集活动火热进行中</a></li></td>
                            <td><a href="#">09-03</a></td>
                        </tr>
                    </table>
                </div>
                <div class="right-bottom">
                    <div class="right-bottom-a">
                        <ul>
                            <li><img src="../images/entrance_01_81892c7.png">新服礼包</li>
                            <li><img src="../images/entrance_02_4468474.png">新服指引</li>
                            <li><img src="../images/entrance_03_2d17e87.png">充值指引</li>
                            <li><img src="../images/entrance_04_638b07e.png">藏宝阁</li>
                        </ul>
                    </div>
                    <div class="right-bottom-b">
                        <input type="text" placeholder="请输入搜索内容，如：坐骑">
                        <input type="submit" value="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>